// .maince-history{
//     .total{
//         width: 100%;
//         display: flex;
//         flex-direction: column;
//         flex-wrap: wrap;
//     }
//     .list{
//         display: flex;
//         flex-direction: row;
//         width: 100%;
//         height: 60px;
//         border-bottom: 1px solid #e6e6e6;
//         .left{
//             width: 30%;
//             display: flex;
//             flex-direction: column;
//             font-size: 14px;
//             color: #333333;
//             justify-content: center;
//             padding-left: 10px;
//             .time{
//                 font-size: 10px;
//                 color: #979797;
//             }
//         }
//         .right{
//             width: 70%;
//             line-height: 60px;
//             color: #ffa820;
//             text-align: right;
//             padding-right: 10px;
//         }
       
//     }
//     .one{
//         color: #2bb89f !important;
//     }
//     .two{
//         color: #6bb530 !important;
//     }
//     .three{
//         color: #00add2 !important;
//     }
    
// }